/************************************************
Custuom CSS for 4tun3C00k13
*************************************************/

@font-face {
	font-family: coolvetica;
	src: url('./font/coolvetica rg.ttf');
}

.content-width {
	max-width: 900px; 
	min-width: 700px;
}

.menu {text-align: center;}
.menuTittle {text-decoration: none; color: #ABABAB;}
.menuActive {text-decoration: underline overline; color: #FFFFFF;}

.footer {color: #FFFFFF;}
.footer A:active {text-decoration: underline; color: #BABABA;}
.footer A:hover {text-decoration: underline; color: #BABABA;}
.footer A:visited {text-decoration: underline; color: #BABABA;}
.footer A:link {text-decoration: underline; color: #BABABA;}

.content-full-size{
	width: 100%;
}

.main-header {
	max-width: 906px; 
	min-width: 706px;
	background-image:url('/images/banner.jpg');
	height: 125px;
}

.main-content{
	margin: 0;
}

.bg{
	background-image:url('/images/darkBG.jpg');
	background-size: auto 100%;
	background-repeat : repeat-x;
	background-attachment : fixed;
}

.info-pannel{
	background-color:black; 
	position:absolute;
	left:0px;
	top:90%;
	height:10%;
	width:100%;
	opacity:.7;
	display:none;
	font-family:Arial;
	font-size:11px;
	padding:10px 10px 10px 10px;
	
}
.info-pannel a:link {color:#FFFFFF;}      /* unvisited link */
.info-pannel a:visited {color:#FFFFFF;}  /* visited link */
.info-pannel a:hover {color:#FFFFFF;}  /* mouse over link */

#footnote {
	clear: both;
	font-size: 6px;
	font-style: italic;
	font-variant: small-caps;
	font-weight: 800;
	margin: 0;
	padding: 0;
	text-align: center;
}

#inspire{
	font-size: 9px;
	margin: 0;
	text-align: left;
	text-decoration:none;
}

#notToQuestion{
	/* Part of 4Tun3 project by 4Tun3C00k13 */
}

#license{
	font-size: 10px;
	margin: 0;
	text-decoration:none;
}

.bgDefaultColor{
	background: rgba(0,0,0,0.4);
}

.st_header_gallery_style{
	position:absolute; 
	width:500px; 
	height: 150px; 
	text-align: center; 
	background: rgba(0,0,0,0.4);
}

.st_header_about_style{
	text-align: right; 
	margin-top: 3cm;
 	margin-right: 2cm;
	height: 128px;
}

img.background {
	position: absolute; 
	top: 20px;
	left: 0px;
	width: 100%; 
	height: 100%; 
	z-index: -1;
}

.default-font {
	font-family: 'coolvetica';
	font-size: 1.5em;
	line-height: 20px;
}

a .default-font {
	font-family: 'coolvetica';
	font-size: 4em;
	line-height: 35px;
}

h1 .post-header {
	margin-bottom: 10px;
}


.ui-main {
	font-family: 'coolvetica';
	font-size: 1.2em;
}
.ui-main .ui-main {
	font-size: 1em;
}
.ui-main input,
.ui-main select,
.ui-main textarea,
.ui-main button {
	font-family: 'coolvetica';
	font-size: 1em;
}
.main-content {
	background: rgba(255,255,255,.4); 
	color: #1f1f1f;
	padding: 20px 20px 20px 20px;
}
.main-content a {
	color: #453821;
	font-weight:bold;
}
.main-content a:hover {
	color: #5E4D2D;
	font-weight: bold;
	text-decoration: none;
}

.navigator {
	list-style: none;
	font-size: .8em;
}

.navigator .navigator-header {
	list-style: none;
	font-size: 1.5em;
	line-height: 25px;
	padding-bottom: 10px;
}
.navigator a:hover {
	color: #5E4D2D;
	font-weight: bold;
	text-decoration: none;
  	background-color: #eeeeee;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 23px;
}

.about{
	top: 40px; 
	overflow: hidden;
	font-family: "coolvetica";
	font-size: 18pt;
	line-height: 28px;
	min-width: 900px;
}

.about a {
	color: #453821;
	font-weight: bold;
	text-decoration: none;
}
.about a:hover {
	color: #5E4D2D;
	font-weight: bold;
	text-decoration: none;
}

.about h1 {
	font-family: "coolvetica";
	font-size: 50pt;
}

.about .content{
	position: absolute; 
	top: 70px; 
	left: 40px; 
	right: 40px; 
	bottom: 40px; 
	overflow: auto;
	z-index: 0; 
	background: rgba(255,255,255,.4); 
	padding: 20px 20px 20px 20px;
}
